<!DOCTYPE html>
<html>
<head>
    <title>PDF对比</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
    <div class="container">
        <div class="image-row">
            <div class="image-container">
                <h3>PDF文件 1</h3>
                <input type="file" id="pdf1" accept="application/pdf">
                <div class="page-controls">
                    <button onclick="changePage(1, -1)">上一页</button>
                    <span id="page1">第 1 页</span>
                    <button onclick="changePage(1, 1)">下一页</button>
                </div>
                <canvas id="canvas1"></canvas>
            </div>
            <div class="image-container">
                <h3>PDF文件 2</h3>
                <input type="file" id="pdf2" accept="application/pdf">
                <div class="page-controls">
                    <button onclick="changePage(2, -1)">上一页</button>
                    <span id="page2">第 1 页</span>
                    <button onclick="changePage(2, 1)">下一页</button>
                </div>
                <canvas id="canvas2"></canvas>
            </div>
        </div>
        <div class="diff-row">
            <h3>差异对比图</h3>
            <div class="diff-controls">
                <label>
                    差异阈值:
                    <input type="range" id="diffThreshold" min="15" max="100" value="30">
                    <span id="thresholdValue">30</span>
                </label>
                <label>
                    模糊度:
                    <input type="range" id="blurLevel" min="0" max="5" value="1" step="1">
                    <span id="blurValue">1</span>
                </label>
            </div>
            <canvas id="diffCanvas"></canvas>
        </div>
        <div class="debug-info" id="debugInfo"></div>
    </div>

    <script src="js/pdfLoader.js"></script>
    <script src="js/imageComparison.js"></script>
    <script src="js/main.js"></script>
</body>
</html> 